<html>
<head>
<title>Manage Members</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="./lib/jquery.mobile-1.1.1.min.css" />
	<script language="JavaScript" SRC="config.js"></script>
	<script src="./lib/jquery-1.7.1.min.js"></script>
	<script src="./lib/jquery.mobile-1.1.1.min.js"></script>
 <script type="text/javascript">
 function get(){
 		 alert("get is called");
 		 var form=document.forms["form"];
 		 if(form.email.value=='')
 			 {
 			 alert("Please Enter Email");
 			 }
 		 else if(form.password.value=='')
 			 {
 			 alert("Please Enter Password");
 			 }
 		 else
	 		{
 			 alert("post data to server");
	        $.post('http://'+serverip+'/socialengine/mobileservice/login', {email:form.email.value,password: form.password.value},
	            function(output){
	               alert(output.result);
	               if(output.result=='Successful')
	               window.location.href = "index.html";
	            },"json");
	 		}
 		
    };
</script>
  </head> 
<body>
<div data-role="dialog">
	<div data-role="header">
		<h1></h1>
	</div><!-- /header -->
	<div data-role="content">	
 <form  name="form" id="form">
    <label for="email">Email: </label>
    <input id="email" name="email" />
   <label for="password">Password</label>
   <input type="password" name="password" id="password" />
  
    <input type="button" data-theme="a" value="Login" onClick="get();" />
</form>	
	</div><!-- /content -->

</div><!-- /page -->
  </body>
</html>